<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>确认订单</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/confirm_order.css" />
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script src="js/confirm.js" type="text/javascript"></script>
		
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				|
				<a href="login.html">登录</a>|
				<a href="register.html">注册用户</a>|
				<p style="float: left">您好，欢迎光临波士蒙斯商城</p>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>
		</div>
		<div class="confirm">
			<form>
				<h3>确认订单</h3>
				<div class="address">
					<p>确认收货地址</p>
					<a href="address.html">管理收货地址</a>
				</div>
				<div class="address_box" id="address_box">
					<ul>
						<li class="ok">
							<div class="c_pic">寄送到</div>
							<input type="radio" name="ress" id="ress1" />
							<label for="ress1" class="span"><span>广西壮族自治区南宁市 良庆区 大沙田前进路110号</span> （<span>张三</span> 收）<span>132******80</span></label>
							<div class="amend">
								<a href="#">修改本地址</a>
							</div>
							<div class="c_add">默认地址</div>
						</li>
						<li>
							<div class="c_pic"></div>
							<input type="radio" name="ress" id="ress2" />
							<label for="ress2" class="span"><span>广西壮族自治区南宁市 西乡塘区 大学东路102号店铺</span> （<span>李四</span> 收）<span>137******70</span></label>
							<div class="amend">
								<a href="#"></a>
							</div>
							<div class="c_add"></div>
						</li>
					</ul>
					<a href="#">
						<p><span>+</span>使用新地址</p>
					</a>
				</div>
				<div class="order_firm">
					<p>确认订单信息</p>
					<dl>
						<dd style="width: 240px;margin-left: 85px;">店铺宝贝</dd>
						<dd style="width: 170px;">商品属性</dd>
						<dd style="width: 135px;">单价</dd>
						<dd style="width: 245px;">数量</dd>
						<dd style="width: 280px;">优惠方式</dd>
						<dd>小计</dd>
					</dl>
				</div>
				<div class="store">
					<p>店铺：花花公子专卖店</p>
					<table id="cartTable" class="store_list" border="1" cellspacing="0" cellpadding="0">
						<tbody>
							<tr class="on">
								<td><a href="pro_details.html"><img src="img/i2.png" /></a></td>
								<td style="width: 215px;">
									<p>A21 以纯男装字母印花......</p><span>7</span></td>
								<td style="width: 165px;">
									<p>款式：深绿色</p>
									<p>尺寸：185/XXL</p>
								</td>
								<td style="width: 128px;">
									￥<i style="font-style: normal;">128</i>
								</td>
								<td style="width: 270px;">
									<span class="reduce">-</span>
									<input type="text" value="2">
									<span class="add">+</span></td>
								<td style="width: 230px;">
									无优惠
								</td>
								<td id="subtotal">
									256.00
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="service">
					<span>送装服务</span>
					<select class="ex" id="ex">
						<option>包邮 0.00元</option>
					</select>
					<a href="#" style="margin-left: 5px;"><img src="img/r5.png" /></a>
					<a href="#"><img src="img/r6.png" /></a>
				</div>
				<div class="message">
					<span>给卖家留言：</span>
					<input type="text" placeholder="选填：对本次交易的说明（建议填写与买家协商一致内容）" />
					<i>运费险：</i>
					<label for="check" class="freight"><input type="checkbox" id="check" /><b>运费险</b></label>

					<div class="images">
						<a href="#"><img src="img/r5.png" /></a>
						<a href="#"><img src="img/r6.png" /></a>
					</div>
					<span>0.00</span>
				</div>
				<div class="money">
					<p>店铺合计（含运费）<span id="priceTotal">￥256.00</span></p>
				</div>
				<div class="con_pay">
					<div class="pay">
						<label class="on label">							
							<input name="fu" class="rad" type="radio"/>朋友代付
						</label>
						<label class="label">
							<input name="fu" class="rad" type="radio"/>匿名支付
						</label>
					</div>
					<div class="pay_box" id="pay_box">
						<p>实付款：<span id="priTotal">￥256.00</span></p>
						<b>寄送至：广西壮族自治区南宁市 良庆区 大沙田前进路110号</b>
						<b>收货人：张三  132******80</b>
					</div>
					<div class="submit">
						<a href="pay.html">提交订单</a>
					</div>
			</form>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>